<script setup>
</script>
<template>
    <div>
        <div class="hero min-h-full bg-base-100 mt-32">
            <div class="hero-content text-center">
                <div class="max-w-md">
                    <h1 class="text-5xl font-bold">欢迎光临</h1>
                    <p class="py-6">一个小demo</p>
                    <div class="flex w-full">
                        <div class="grid h-30 flex-grow card bg-orange-600 rounded-box place-items-center w-32">
                            <NuxtLink to="/parent/user" class="">我来学习的</NuxtLink>
                        </div>
                        <div class="divider divider-horizontal">OR</div>
                        <div class="grid h-30 flex-grow card bg-primary rounded-box place-items-center w-32">
                            <NuxtLink to="/detail">我来玩的</NuxtLink>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="stats stats-vertical shadow bg-base-300">

            <div class="stat">
                <div class="stat-title">下载</div>
                <div class="stat-value">31K</div>
                <div class="stat-desc">Jan 1st - Feb 1st</div>
            </div>

            <div class="stat">
                <div class="stat-title">新用户</div>
                <div class="stat-value">4,200</div>
                <div class="stat-desc">↗︎ 400 (22%)</div>
            </div>

            <div class="stat">
                <div class="stat-title">新注册</div>
                <div class="stat-value">1,200</div>
                <div class="stat-desc">↘︎ 90 (14%)</div>
            </div>

        </div>

    </div>
</template>
<style scoped>
</style>